<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>收入明细</title>
		<link rel="stylesheet" href="css/bs_order_info.css" />
	</head>
	<body> 
		<div class="web">
			<header>
				<div class="wrap">
					<div class="content">
						<div class="imgFix">
							<a href="homepage.html"><img src="img/logo.jpg"/></a>
						</div>
						<div class="line1"></div>
						<h2>不二联盟</h2>
					</div>
					<div class="user_info">
						<p>你好，<a href="">SUPER12</a><b>|</b> <a href="">退出</a></p>
					</div>
				</div> 
			</header>
			<div class="main">
				<div class="main_content">
					<!--右边内容-->
					<div class="list">
						<ul class="first">
							<li>
								<h5>首页</h5>
								
							</li>
							<li>
								<h5>我要推广</h5>
								<i></i>
								<ul>
									<li><a href="bs_popularized.html">商品推广</a></li>
								</ul>
							</li>
							<li>
								<h5>效果报表</h5>
								<i></i>
								<ul>
									<li><a href="bs_popularized_effect.html">推广效果</a></li>
									<li><a href="">订单明细</a></li>
								</ul>
							</li>
							<li>
								<h5>结算中心</h5>
								<i></i>
								<ul>
									<li><a href="bs_homepage.html">收入结算</a></li>
								</ul>
							</li>
							<li>
								<h5>账户管理</h5>
								<i></i>
								<ul>
									<li><a href="bs_account_personal.html">个人帐户信息</a></li>
									<li><a href="bs_account_company.html">企业帐户信息</a></li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="info">
						<h3>收入结算</h3>
						<p>可提现金额:<span>￥1560.00</span><a class="btn2" href="">我要提现</a></p>
						<div class="finance_info">
							<input type="text" name="finance" placeholder="提现前请设置财务信息" /> <a class="btn3" href="">财务信息</a>
						</div>
						<div class="line"></div>
						<h5>结算说明 <a href="javascript:packUp('.explain','.arrow')"><b class="arrow"></b>收起</a></h5>
						<div class="explain">
							
							<ol>
							<li>
								1·最低付款金额为100元（含），如果累计可提金额达到100元，您可以申请提现。
							</li>
							<li>
								2·个人会员，根据其每月在平台所提款金额总数， 平台会按照中国个人所得税关于劳务报酬的相关法案来代扣代缴各项税费。具体规则如下：
								<ul>
									<li><span class="dot"></span>月提款额低于800，应缴税额为：0；</li>
									<li><span class="dot"></span>月提款额800-4000，应缴税额为：（收入-800）*20%；</li>
									<li><span class="dot"></span>月提款额4000-25000，应缴税额为：（收入-收入*20%）*20%；</li>
									<li><span class="dot"></span>月提款额25000-62500，应缴税额为：（收入-收入*20%）*30%-2000；</li>
									<li><span class="dot"></span>月提款额高于62500，应缴税额为：（收入-收入*20%）*40%-7000。</li>
								</ul>
							</li>
						</ol>
						</div>
						<div class="line"></div>
						<h5>
							月度报表 
							<div class="date">
								<div class="cho">2016</div>
								<div><i></i></div>
								<ul>
									<li>2016</li>
									<li>2015</li>
									<li>2014</li>
									<li>更久以前</li>
								</ul>
							</div>
						</h5>
						<p>您产生的分成需要经过30天退换货期之后才会正式转为可提现金额</p>
						<div class="month_wrap">
							<table  class="month">
								<tr>
									<th>月份</th>
									<th>产生的可提现金额</th>
									<th>已提现的金额</th>
								</tr>
								<tr>
									<td>
										2016-08
									</td>
									<td>
										100.90
									</td>
									<td>
										100.00
									</td>
								</tr>
								<tr>
									<td>
										2016-08
									</td>
									<td>
										90.00
									</td>
									<td>
										90.00
									</td>
								</tr>
								<tr>
									<td>
										合计
									</td>
									<td>
										190.90
									</td>
									<td>
										190.00
									</td>
								</tr>
							</table>
						</div>
						<div class="line"></div>
						<h5 class="record">提现记录</h5>
						<div class="record_table_wrap">
						<table >
							<tr>
								<th>申请日期</th>
								<th>开户姓名</th>
								<th>银行名称</th>
								<th>银行账号</th>
								<th>申请金额</th>
								<th>处理状态</th>
								<th>支付日期</th>
							</tr>
							<tr>
								<td>
									<p>2016-11-16</p>
								</td>
								<td>
									<p>张大刚</p>
								</td>
								<td>
									<p>工商银行</p>
								</td>
								<td>
									<p>622210000899433</p>
								</td>
								<td>
									<p>190.00</p>
								</td>
								<td>
									<p class="red">审核中</p>
								</td>
								<td>
									<p></p>
								</td>
							</tr>
							<tr>
								<td>
									<p>2016-11-16</p>
								</td>
								<td>
									<p>张大刚</p>
								</td>
								<td>
									<p>工商银行</p>
								</td>
								<td>
									<p>622210000899433</p>
								</td>
								<td>
									<p>190.00</p>
								</td>
								<td>
									<p class="green">已完成</p>
								</td>
								<td>
									<p>2016-07-13</p>
								</td>
							</tr>
						</table>
						</div>
						<div class="page">
							<div>共<span>18</span>条记录</div>
							<ul>
								<li><a href=""><span class="pre">	</span></a></li>
								<li class="pageActive"><a href="">1</a></li>
								<li><a href="">2</a></li>
								<li><a href="">3</a></li>
								<li class="noborder"><a href="">····</a></li>
								<li><a href=""><span class="next"></span></a></li>
								<li class="noborder">跳至</li>
							</ul>
							<span>
								<input type="text" name="pageNum"/>
								页
							</span>
							<a href="">跳转</a>
					</div>
					</div>
				</div>
				<div class="copyright">
					Copyright &copy; right; 2016  不二定制版权所有     <a href="">闽ICP证070359号</a>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript">
function packUp(select1,select2){
	status = $(select1).slideToggle();
	t = $(select2).css('transform');
	console.log(t);
	boo = t=='matrix(1, 0, 0, 1, 0, 0)'?true:false;
	if(boo){
		$(select2).css({'transform':'rotate(180deg)'})
	}else{
		$(select2).css({'transform':'rotate(0)'})
	}
}
chooesDate();
function chooesDate(){
	$('.date').click(function(){
		$(this).find("ul").slideToggle();
	})
	$(".date li").click(function(){
		date = $(this).text();
		$('.date .cho').text(date);
	})
}
</script>